<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/public.css">
    <script src="../js/public.js"></script>
    
</head>

<body>
    <!-- 头部 -->
    <div id="head">
        <!-- 第一行 -->
        <div class="header">
            <div class="head">
                <ul class="Left-ul">
                    <li class="li1">
                        关注
                        <img src="http://pcs1.ygimg.cn/template/common/images/weChat.jpg" alt="">
                    </li>
                    <li class="li2">
                        下载APP
                        <img src="	http://pcs2.ygimg.cn/template/common/images/app.jpg" alt="">
                    </li>
                </ul>
                <ul class="Right-ul">
                    <li>
                        <a href="http://localhost/firstprojectyougou2/dist/html/login.html">登陆</a> / <a href="http://localhost/firstprojectyougou2/dist/html/sign.html">注册</a>
                    </li>
                    <li>
                        <a href="http://localhost/firstprojectyougou2/dist/html/cart.html"> <span class="iconfont icon-shoucang"></span> <span>收藏</span></a>
                    </li>
                    <li>
                        <a href="http://localhost/firstprojectyougou2/dist/html/cart.html"> <span class="iconfont icon-wodedingdan"></span> <span>购物袋</span></a>
                    </li>
                    <li>
                        <a href="##">公告</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- logo -->
        <div class="head-logo">
            <a href="http://localhost/firstprojectyougou2/dist/index.html">
                <img src="	http://www.yougou.com/template/common/images/logo.png" alt="">
            </a>
        </div>
        <!-- 正常导航条 -->
        <div class="nav nav1">
            <div class="nav-con">
                <!-- 列表导航 -->
                <ul class="nav-content">
                    <li><a href="http://localhost/firstprojectyougou2/dist/index.html">首页</a>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">女鞋</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">男鞋</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">运动</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">户外</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">儿童</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">箱包</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <div class="input">
                    <input id="ss1" type="text">
                    <a href="#"><span class="iconfont icon-fangdajing"></span></a>
                </div>
            </div>
        </div>
        <!-- 悬浮导航条 -->
        <div class="nav nav-dis">
            <div class="nav-con">
                <!-- logo图片 -->
                <div class="logo">
                    <a href="http://localhost/firstprojectyougou2/dist/index.html"><img src="http://www.yougou.com/template/common/images/logo.png" alt=""></a>
                </div>
                <!-- 列表导航 -->
                <ul class="nav-content">
                    <li><a href="http://localhost/firstprojectyougou2/dist/index.html">首页</a>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">女鞋</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">男鞋</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">运动</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">户外</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">儿童</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="http://localhost/firstprojectyougou2/dist/html/list.html">箱包</a>
                        <!-- 导航移入出现的列表 -->
                        <div class="nav-list">
                            <div class="list">
                                <ul class="list-1">
                                    <li>
                                        <h2>品牌</h2>
                                    </li>
                                    <li><a href="">百丽</a> <a href="">她他</a></li>
                                    <li><a href="">天美意</a> <a href="">百思图</a></li>
                                    <li><a href="">森达</a> <a href="">拔佳</a></li>
                                    <li><a href="">思加图</a> <a href="">妙丽</a></li>
                                    <li><a href="">15分钟</a> <a href="">真美诗</a></li>
                                </ul>
                                <ul class="list-1 list-2">
                                    <li>
                                        <h2>热销推荐</h2>
                                    </li>
                                    <li><a href="">2022新款凉鞋</a></li>
                                    <li><a href="">2022新款单鞋</a></li>
                                    <li><a href="">森达</a></li>
                                    <li><a href="">思加图</a></li>
                                    <li><a href="">15分钟</a></li>
                                </ul>
                                <ul class="list-1 list-3">
                                    <li>
                                        <h2>女士凉鞋</h2>
                                    </li>
                                    <li><a href="">2022新款</a></li>
                                    <li><a href="">穆勒凉鞋</a></li>
                                    <li><a href="">中空凉鞋</a></li>
                                    <li><a href="">后空凉鞋</a></li>
                                    <li><a href="">凉鞋</a></li>
                                </ul>
                                <ul class="list-1 list-4">
                                    <li>
                                        <h2>女士单鞋</h2>
                                    </li>
                                    <li><a href="">浅口鞋</a> <a href="">满帮鞋</a></li>
                                    <li><a href="">尖头鞋</a> <a href="">乐福鞋</a></li>
                                    <li><a href="">玛丽珍</a> <a href="">英伦风</a></li>
                                    <li><a href="">休闲鞋</a> <a href="">运动鞋</a></li>
                                    <li><a href="">高跟鞋</a> <a href="">平底鞋</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <div class="input">
                    <input id="ss2" type="text">
                    <a href=""><span class="iconfont icon-fangdajing"></span></a>
                </div>
            </div>
        </div>

    </div>

    <!-- 大图片 -->
    <div style="height: 300px; text-align: center; line-height: 100px;">
        <h1>banner大图</h1>
    </div>


    <!-- 底部 -->
    <div  id="foot" class="in-footer">
        <!-- 保障 -->
        <div class="footer-con">
            <div class="footer-top">
                <span class="xy1"></span>
                <a href="#">正品保证</a>
            </div>
            <div class="footer-top">
                <span class="xy2"></span>
                <a href="#">10天退换货</a>
            </div>
            <div class="footer-top">
                <span class="xy3"></span>
                <a href="#">10天调补差价额</a>
            </div>
            <div class="footer-top">
                <span class="xy4"></span>
                <a href="#">09:00——21:00在线客服</a>
            </div>
        </div>
        <!-- 功能 -->
        <div class="footer-foot">
            <!-- 列表  帮助 配送 -->
            <div class="foot-con">
                <ul>
                    <li class="li1">新手帮助</li>
                    <li><a href="#">交易条款协议</a></li>
                    <li><a href="#">注册新用户</a></li>
                    <li><a href="#">会员积分详情</a></li>
                    <li><a href="#">隐私条款</a></li>
                </ul>
                <div class="kong"></div>
                <ul>
                    <li>购物指南</li>
                    <li><a href="#">订购流程</a></li>
                    <li><a href="#">验货与验收</a></li>
                    <li><a href="#">订单配送</a></li>
                </ul>
                <ul>
                    <li>支付/配送</li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">配送方式</a></li>
                    <li><a href="#">配送时间及运费</a></li>
                </ul>
                <ul>
                    <li>售后服务</li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">退款说明</a></li>
                    <li><a href="#">发票制度</a></li>
                </ul>
                <ul>
                    <li>会员服务</li>
                    <li><a href="#">找回密码</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
                <ul>
                    <li>优购客服</li>
                    <li><a href="#">Email: yourservice@yougou.com</a></li>
                    <li><a href="#">微信客服： 点击查看</a></li>
                </ul>
            </div>
            <!-- 备案图片及关注 -->
            <div class="imgB">
                <div class="img-left">
                    <img src="https://szcert.ebs.org.cn/Images/newGovIcon.gif" alt="">
                    <img src="http://s2.ygimg.cn/template/common/images/beian1.png" alt="">
                    <img src="http://s2.ygimg.cn/template/common/images/beian1.png" alt="">
                </div>
                <div class="img-right">
                    <dl>
                        <dt><img src="http://pcs2.ygimg.cn/template/common/images/app.jpg" alt=""></dt>
                        <dd>扫描下载手机客户端</dd>
                    </dl>
                    <dl>
                        <dt><img src="http://pcs1.ygimg.cn/template/common/images/weChat.jpg" alt=""></dt>
                        <dd>关注</dd>
                    </dl>
                </div>
            </div>
            <!-- 关于链接 -->
            <div class="link">
                <a href="" class="abo">关于优购</a><a href="">商务合作</a><a href="">招贤纳士</a><a href="">手机优购</a><a
                    href="">联系我们</a><a href="">友情链接</a>
            </div>
            <p>Copyright © 2011-2016 Yougou Technology Co., Ltd. 粤ICP备09070608号 深公网安备：4403101910665 粤公网安备
                44030502000017号 </p>
        </div>
    </div>

</body>

</html>